<%--
  Created by IntelliJ IDEA.
  User: aiwzy
  Date: 2022/4/16
  Time: 17:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>分类</title>
    <link type="text/css" rel="stylesheet" href="../css/category.css">
</head>
<body>
<div class="head">
    <ul class="u1">
        <li><a href="../index.jsp">美食天下 首页</a></li>
        <li><a href="http://localhost:8080/system/dish.jsp">菜谱</a></li>
        <li><a href="http://localhost:8080/system/cook.jsp">食材</a></li>
        <li><a href="#">专题</a></li>
        <li><a href="#">笔记</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">搜索</a></li>
    </ul>
    <a class="nr" href="#"><img src="../image/nr3.png" style="width: 18px;height: 18px;margin-top: 5px;"/><br/>客户端</a>
    <ul class="u2" style=" position: fixed;
    right: 68px;
    top: -16px;margin-right: 4px">
        <li class="pic">
            <img src="
<%--        <c:if test="${!sessionScope.user.avatar.equals('')}">--%>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        ${sessionScope.user.avatar}
        </c:if>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        https://tse2-mm.cn.bing.net/th/id/OIP-C.Z8cO0OriANaUVakbQ6n0BwAAAA?w=153&h=165&c=7&r=0&o=5&dpr=1.65&pid=1.7
        </c:if>
" onclick="jump()" style="width: 35px;height: 35px; border-radius: 45%;cursor: pointer">
            <script src="../js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript">
                function jump() {
                    var src = $("img")[0].src;
                    $.ajax({
                        url: http_request + "/system/member.jsp",
                        data: {
                            img: src
                        },
                        dataType: "text",
                        success: function () {
                            alert("欢迎来到个人中心！")
                            window.location.href = http_request + "/system/member.jsp"
                        },
                        error: function () {
                            alert("个人中心跳转失败！")
                        }
                    })
                }
            </script>

        </li>
        <li class="l2">
            <c:if test="${empty sessionScope.user.username}">
                <div class="d1">
                    <a href="/checkLogin">登录/注册</a>
                </div>
            </c:if>
            <c:if test="${not empty sessionScope.user.username}">
                <div class="d1">
                    <a href="http://localhost:8080/system/member.jsp"
                       style="font-size: 15px; text-align: center; vertical-align: middle">${sessionScope.user.username}</a>
                </div>
            </c:if>
        </li>
        <li class="l1">
            <div><a href="http://localhost:8080/system/makeCook.jsp"><img src="../image/nr1.png"
                                             style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px;"/><br/>发布</a>
            </div>
        </li>
        <li class="l1">
            <div>

                <img id="a1" src="../image/nr2.png"
                     style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px"/><br/>
                <span id="s1">签到有礼</span>
                <script type="text/javascript">
                    $(function () {
                        <c:if test="${not empty sessionScope.user.username}">
                        $("#a1").click(function () {
                            $("#s1").html("已签到");
                        })
                        </c:if>
                        <c:if test="${ empty sessionScope.user.username}">
                        $("#a1").click(function () {
                            alert("请您先进行登录。。。")
                        })
                        </c:if>


                    })
                </script>


            </div>
        </li>
    </ul>
</div>
<div class="sec">
    <div class="s1">
        <div class="d2">
            <a href="#" class="a1" name="abc">美食天下</a>
            <a class="a2" href="">
                <div class="d3">菜谱</div>
            </a>
        </div>
        <div class="d3">
            <ul>
                <li><a href="../index.jsp" target="_blank">菜谱首页</a></li>
                <li><a href="" style="color: red">分类</a></li>
                <li><a href="dish.jsp" target="_blank">菜单</a></li>
                <li><a href="#" target="_blank">排行</a></li>
                <li><a href="">食材</a></li>
                <li><a href="">食疗食补</a></li>
            </ul>
        </div>
        <div class="d4">
            <input type="text" style="border-color: #ffffff;border-radius: 3px ;height: 24px;"/>
            <input type="button" value="搜索"
                   style="background-color: #999999;width:50px;height: 30px; color: white;margin-left: -8px;line-height: 24px;"/>
        </div>
    </div>
    <hr style="border-color: #ffffff"/>
    <div class="d5">
        <ul>
            <li><a href="../index.jsp" style="color: red">首页</a></li>
            <li><a href="">热菜</a></li>
            <li><a href="">凉菜</a></li>
            <li><a href="">汤羹</a></li>
            <li><a href="">主食</a></li>
            <li><a href="">小吃</a></li>
            <li><a href="">西餐</a></li>
            <li><a href="">烘焙</a></li>
            <li><a href="">饮品</a></li>
            <li><a href="">泡菜腌菜</a></li>
            <li><a href="">自制食材</a></li>
            <li><a href="">家常菜谱</a></li>
            <li><a href="" style="margin-right: 30px;">最新菜谱</a></li>
            <li><a href="">全部菜谱分类</a></li>
        </ul>
        <hr style="border-color: #ffffff"/>
    </div>
</div>
<div class="sec1">
    <div class="fd1">
        <h3>常见菜式</h3>
        <ul>
            <li><a href="#">热菜</a></li>
            <li><a href="#">凉菜</a></li>
            <li><a href="#">汤羹</a></li>
            <li><a href="#">主食</a></li>
            <li><a href="#">小吃</a></li>
            <li><a href="#">家常菜</a></li>
            <li><a href="#">泡菜腌菜</a></li>
            <li><a href="#">西餐</a></li>
            <li><a href="#">烘焙</a></li>
            <li><a href="#">烤箱菜</a></li>
            <li><a href="#">饮品</a></li>
            <li><a href="#">零食</a></li>
            <li><a href="#">火锅</a></li>
            <li><a href="#">自制食材</a></li>
            <li><a href="#">海鲜</a></li>
            <li><a href="#">宴客菜</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 22px">主食/小吃</h3>
        <ul>
            <li><a href="#">米饭</a></li>
            <li><a href="#">炒饭</a></li>
            <li><a href="#">面食</a></li>
            <li><a href="#">包子</a></li>
            <li><a href="#">饺子</a></li>
            <li><a href="#">馒头花菜</a></li>
            <li><a href="#">面条</a></li>
            <li><a href="#">饼</a></li>
            <li><a href="#">馄饨</a></li>
            <li><a href="#">五谷杂粮</a></li>
            <li><a href="#">北京小吃</a></li>
            <li><a href="#">陕西小吃</a></li>
            <li><a href="#">广东小吃</a></li>
            <li><a href="#">四川小吃</a></li>
            <li><a href="#">重庆小吃</a></li>
            <li><a href="#">天津小吃</a></li>
            <li><a href="#">上海小吃</a></li>
            <li><a href="#">福建小吃</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 22px">甜品/饮品</h3>
        <ul>
            <li><a href="#">甜品</a></li>
            <li><a href="#">冰品</a></li>
            <li><a href="#">果汁</a></li>
            <li><a href="#">糖水</a></li>
            <li><a href="#">布丁</a></li>
            <li><a href="#">果酱</a></li>
            <li><a href="#">果冻</a></li>
            <li><a href="#">酸奶</a></li>
            <li><a href="#">鸡尾酒</a></li>
            <li><a href="#">咖啡</a></li>
            <li><a href="#">豆浆</a></li>
            <li><a href="#">奶昔</a></li>
            <li><a href="#">冰淇淋</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 24px">食疗食补</h3>
        <ul>
            <li><a href="#">健康食谱</a></li>
            <li><a href="#">减肥瘦身</a></li>
            <li><a href="#">贫血</a></li>
            <li><a href="#">痛经</a></li>
            <li><a href="#">清热祛火</a></li>
            <li><a href="#">滋阴</a></li>
            <li><a href="#">壮阳</a></li>
            <li><a href="#">便秘</a></li>
            <li><a href="#">排毒养颜</a></li>
            <li><a href="#">滋润补水</a></li>
            <li><a href="#">健脾养胃</a></li>
            <li><a href="#">护肝明目</a></li>
            <li><a href="#">清肺止咳</a></li>
            <li><a href="#">下奶</a></li>
            <li><a href="#">补钙</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 24px">中式菜系</h3>
        <ul>
            <li><a href="#">川菜</a></li>
            <li><a href="#">鲁菜</a></li>
            <li><a href="#">闽菜</a></li>
            <li><a href="#">粤菜</a></li>
            <li><a href="#">苏菜</a></li>
            <li><a href="#">浙菜</a></li>
            <li><a href="#">湘菜</a></li>
            <li><a href="#">徽菜</a></li>
            <li><a href="#">淮扬菜</a></li>
            <li><a href="#">豫菜</a></li>
            <li><a href="#">晋菜</a></li>
            <li><a href="#">上海菜</a></li>
            <li><a href="#">新疆菜</a></li>
            <li><a href="#">客家菜</a></li>
            <li><a href="#">中式菜系</a></li>
            <li><a href="#">台湾美食</a></li>
            <li><a href="#">香港美食</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 24px">节日食俗</h3>
        <ul>
            <li><a href="#">立冬</a></li>
            <li><a href="#">冬至</a></li>
            <li><a href="#">腊八</a></li>
            <li><a href="#">端午节</a></li>
            <li><a href="#">中秋</a></li>
            <li><a href="#">立春</a></li>
            <li><a href="#">元宵节</a></li>
            <li><a href="#">贴秋膘</a></li>
            <li><a href="#">清明</a></li>
            <li><a href="#">年夜饭</a></li>
            <li><a href="#">圣诞节</a></li>
            <li><a href="#">感恩节</a></li>
            <li><a href="#">万圣节</a></li>
            <li><a href="#">情人节</a></li>
            <li><a href="#">复活节</a></li>
            <li><a href="#">雨水</a></li>
            <li><a href="#">惊蛰</a></li>
            <li><a href="#">春分</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 24px">菜品口味</h3>
        <ul>
            <li><a href="#">微辣</a></li>
            <li><a href="#">中辣</a></li>
            <li><a href="#">超辣</a></li>
            <li><a href="#">麻辣</a></li>
            <li><a href="#">酸辣</a></li>
            <li><a href="#">甜辣</a></li>
            <li><a href="#">香辣</a></li>
            <li><a href="#">酸甜</a></li>
            <li><a href="#">酸咸</a></li>
            <li><a href="#">甜味</a></li>
            <li><a href="#">苦味</a></li>
            <li><a href="#">清淡</a></li>
            <li><a href="#">五香</a></li>
            <li><a href="#">孜然</a></li>
            <li><a href="#">葱香</a></li>
            <li><a href="#">酱香</a></li>
            <li><a href="#">咖喱</a></li>
            <li><a href="#">麻香</a></li>
        </ul>
    </div>
    <div class="fd1">
        <h3 style="font-size: 24px">主要工艺</h3>
        <ul>
            <li><a href="#">烧</a></li>
            <li><a href="#">炒</a></li>
            <li><a href="#">爆</a></li>
            <li><a href="#">焖</a></li>
            <li><a href="#">炖</a></li>
            <li><a href="#">蒸</a></li>
            <li><a href="#">煮</a></li>
            <li><a href="#">拌</a></li>
            <li><a href="#">烤</a></li>
            <li><a href="#">炸</a></li>
            <li><a href="#">烩</a></li>
            <li><a href="#">溜</a></li>
            <li><a href="#">腌</a></li>
            <li><a href="#">熏</a></li>
            <li><a href="#">煲</a></li>
            <li><a href="#">卤</a></li>
            <li><a href="#">煎</a></li>
            <li><a href="#">榨汁</a></li>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="f1">
        <div>
            <a href="#" class="a6">美食天下 - 让吃更美好！</a><br/>
            <a href="#" class="a7">菜谱</a>
            <a href="#" class="a7">食材</a>
            <a href="#" class="a7">魔方</a>
            <a href="#" class="a7">关于我们</a>
            <a href="#" class="a7">联系我们</a>
            <a href="#" class="a7">友情链接</a>
            <a href="#" class="a7">网站地图</a>
            <a href="#" class="a7">移动应用</a><br/>
            <a class="a8">© 2004-2022 美食天下 保留所有权利 - 京ICP证090244号</a>
        </div>
        <div class="f2">
            <div class="f3"><img src="../image/p1.jpg" style="width: 82px;height: 82px;"/><br/><span
                    style="font-size: 12px;">手机客户端</span></div>
            <div class="f4"><img src="../image/p2.jpg" style="width: 82px;height: 82px;"/><br/><span
                    style="font-size: 12px;">微信公众号</span></div>
        </div>
    </div>
</div>
<div class="f5"><a href="#abc"><img src="../image/gotop.jpg" style="width: 58px;height: 58px;"/></a></div>
</body>
</html>
